Application {
	theme-color: #0b6874;
}

@font-face {
	src : url("../font/euphemia-ucas-bold.ttf");
	font-weight: bold;
	font-family: "Euphemia";
	font-anti-alias-type: advanced;
	font-sharpness: 160;
	font-thickness: 140;
	font-grid-fit-type: pixel;
	unicodeRange:
		U+0041-U+005A, /* Upper-Case [A..Z] */
		U+0061-U+007A, /* Lower-Case a-z */
		U+0030-U+0039, /* Numbers [0..9] */
		U+002C-U+002E,
		U+0023-U+0024;
}

.homeGradientBox {
	fill-colors: #c9fdfb, #99dbd9;
	fill-alphas: 0.7, 0.7;
	border-thickness: 0;
	corner-radius: 12;
	drop-shadow-enabled: true;
}

.maskBox {
	background-color: #ff0000;
	corner-radius: 12;
	border-style: solid;
	border-thickness: 0;
}

.rightBorder {
	border-sides: right; 
	border-style: solid; 
	border-color: #0e2640;
	border-thickness: 3;
}

.bottomBorder {
	border-sides: bottom; 
	border-style: solid; 
	border-color: #0e2640;
	border-thickness: 3;
}

.menuText {
	font-family: Euphemia;
	font-weight: bold;
	font-size: 12;
}

DataGrid {
	font-family: Euphemia;
	font-size: 13;
	font-weight: bold;
	color: #081b2f;
	header-colors: #b4d3db, #b4d3db;
	alternating-item-colors: #0b6874, #c9fffb;
	selection-color: #0e2640;
	text-selected-color: #c9fffb;
	background-alpha: 0.3;
	border-thickness: 0;
	vertical-grid-lines: false;
	use-roll-over: false;
	roll-over-color: #49abad;
	text-roll-over-color: #cbffff;
}

TitleWindow {
	font-family: Euphemia;
	font-size: 14;
	background-color: #1f415b;
	background-alpha: 0.9;
	color: #cbffff;
	rounded-bottom-corners: true;
	border-style: solid;
	corner-radius: 13;
	close-button-skin: Embed("../images/popup-close-button.png");
	close-button-disabled-skin: ClassReference(null);
	close-button-down-skin: ClassReference(null);
	close-button-over-skin: ClassReference(null);
	close-button-up-skin: ClassReference(null);
}

.popUpTextArea {
	font-family: Euphemia;
	font-weight: bold;
	font-size: 12;
	leading: 3;
	color: #CBFFFF;
	background-color: #1f415b;
	background-alpha: 0;
	border-thickness: 0;
}

.customerCartLabel {
	color: #c9fffb;
	font-size: 47; 
}

.button, Button {
	font-family: Euphemia;
	font-weight: bold;
	font-size: 13;	
	color: #081b2f;
	text-roll-over-color: #cbffff;
	text-selected-color: #0b333c;
}

.infoButton {
	skin: Embed("../images/info-icon.png");
	over-skin: Embed("../images/info-icon-mouse-over.png");
	down-skin: Embed("../images/info-icon-on-click.png");
}

.orderButton {
	skin: Embed("../images/order-button.png");
	over-skin: Embed("../images/order-mouse-over.png");
	down-skin: Embed("../images/order-mouse-down.png");
	padding-top: -4;
}

.hideDetailsButton {
	skin: Embed("../images/hide-details-button.png");
	over-skin: Embed("../images/hide-details-mouse-over.png");
	down-skin: Embed("../images/hide-details-mouse-down.png");
	padding-top: -4;
}

.deleteButton{
	skin: Embed("../images/delete-button.png");	
	over-skin: Embed("../images/delete-button-mouse-over.png");
	down-skin: Embed("../images/delete-button-mouse-down.png");
}

.shoppingCartButton {
	skin: Embed("../images/shopping-cart.png");
	over-skin: Embed("../images/shopping-cart-mouse-over.png");
	down-skin: Embed("../images/shopping-cart-mouse-down.png")
}

.aboutText {
	font-family: Euphemia;
	font-size: 13;
	font-weight: bold;
	color: #cbffff;
	text-indent: 30;
	leading: 4;
}